<template>
<div id="background">
    <el-card class="box-card">
        <div style="margin-top: 60px;">
            <h2 style="color:aliceblue">欢迎来到交通安全事故预测系统！</h2>
            <h3 style="color:aliceblue">请选择您所登录的角色</h3>
            <router-link to="/plclogin">
                <el-button type="warning" style="margin-top: 20px;" round>警员</el-button>
            </router-link>
            <router-link to="/prelogin">
                <el-button type="success" style="margin-top: 20px; margin-left:50px" round>管理员</el-button>
            </router-link>
        </div>
    </el-card>
    </div>
</template>

<script>

</script>

<style scoped>
button {
    width:120px;
    height: 60px;
    opacity: 0.8;
}
.box-card {
    margin: auto;
    border: 2px;
    width: 500px;
    height: 350px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22)  !important;
    background: rgba(45, 52, 54, 0.7);
}
</style>